import React from "react";
import FooterDescription from "@/user.InterfaceLayer/Libraries/UI_KIT/Molecules/FooterDescription.molecule";
import { globalContainer } from "@/user.InterfaceLayer/constants/styles/CommonStyles";
import MenuLinksAtom from "@/user.InterfaceLayer/Libraries/UI_KIT/Atoms/MenuLinks.Atom";
import LogoAtom from "@/user.InterfaceLayer/Libraries/UI_KIT/Atoms/Logo.Atom";
import { useTranslation } from "react-i18next";

interface FooterProps {}

const Footer: React.FC<FooterProps> = () => {
  const { t } = useTranslation();
  const footerMenu = t("FooterPage.menu", { returnObjects: true }) as [];
  const footerDesc = t("FooterPage.description");
  return (
    <footer className="mt-10">
      <div className={`${globalContainer} flex items-center justify-between`}>
        <LogoAtom />
        <div className="flex gap-7">
          <MenuLinksAtom items={footerMenu} />
        </div>
      </div>
      <FooterDescription desc={footerDesc} />
    </footer>
  );
};
export default React.memo(Footer);
